<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button>点我获取属性</button>
<button>点我设置属性</button>
<span></span>
<button>点我跳转页面</button>

<button>点我刷新页面</button>

<button>点我替换replace页面</button>

<!--1.location对象 (window可省略)-->
<script>
// (1-1)读取--href:无参数:
document.getElementsByTagName("button")[0].onclick=function () {
  console.log(window.location.href);
};
// (1-2)设置--href:有参数:
  document.getElementsByTagName("button")[1].onclick=function (ev) {
    // console.log(window.location.href="https://www.baidu.com/");
    window.location.href="4.27轮播图.html";
  };

  // 练习
// 点击按钮,设置定时函数,3秒后自动跳转到其他页面
document.getElementsByTagName("button")[2].onclick=function (ev) {
  funa();
};
function funa() {
  var i=4;
  setInterval(function () {
    i--;
    document.getElementsByTagName("span")[0].innerText=i+"秒后自动跳转";
    if(i==0) {
      window.location.href = "4.27轮播图.html";
    }
  },1000);

}

  // (2)刷新--reload 参数为true时是强制刷新,为false时不会清除缓存
document.getElementsByTagName("button")[3].onclick=function () {
  window.location.reload(true);
};

// (3)替换--replace (跳转至下一个页面,与href不同的是href跳转的可以回退,但是replace跳转的不能回退)
  document.getElementsByTagName("button")[4].onclick=function (ev) {
  window.location.replace("4.27轮播图.html");
  }
</script>
</body>
</html>
